<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="../favicon.ico"> 
    <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
    <link href="../css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="../css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/demo.css" type="text/css">
    <style>
        .radio-inline input[type=radio] {
            margin-top: 4px
        }
    </style>
</head>

<body style="color:#333;padding:3px;overflow-x: auto;">
    <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color">所属TI费用预算使用报表</h1>
    </div>
    <!-- 标题 -->
     <div>
    <form action="" class="form-inline">
      <table class="row-margin-top tab-content table-bordered table" border="1">
          <tr>
            <td style="min-width: 120px;width: 120px"><label for="" class="form-label">渠道维度</label></td>
            <td>
              <div class="form-group">
                  <label class="radio-inline">
                    <input type="radio" name="qudao" checked id="qudao1" value="option2">不显示渠道维度
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="qudao" id="qudao2" value="option3">一级渠道
                  </label>
              </div>
            </td>
        </tr>
        <tr>
            <td style="min-width: 120px;width: 120px"><label for="" class="form-label">客户维度</label></td>
            <td>
              <div class="form-group">
                  <label class="radio-inline">
                    <input type="radio" name="customW" checked id="customW1" value="customW1">不显示客户维度
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="customW" id="customW2" value="customW2">分区
                  </label>
                    <label class="radio-inline">
                    <input type="radio" name="customW" id="customW3" value="customW3">省份
                  </label>
                    <label class="radio-inline">
                    <input type="radio" name="customW" id="customW4" value="customW4">城市
                  </label>
              </div>
            </td>
        </tr>
          <tr>
            <td style="min-width: 120px;width: 120px"><label for="" class="form-label">产品维度</label></td>
            <td>
              <div class="form-group">
                  <label class="radio-inline">
                    <input type="radio" name="product" checked id="product1" value="product2">不显示产品维度
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="product" id="product2" value="product3">品牌
                  </label>
              </div>
            </td>
        </tr>
         <tr>
            <td style="min-width: 120px;width: 120px"><label for="" class="form-label">科目维度</label></td>
            <td>
              <div class="form-group">
                  <label class="radio-inline">
                    <input type="radio" name="kemu" checked id="kemu1" value="kemu1">不显示费用科目维度
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="kemu" id="kemu2" value="kemu2">一级费用科目
                  </label>
                    <label class="radio-inline">
                    <input type="radio" name="kemu" id="kemu3" value="kemu3">二级费用科目
                  </label>
                    <label class="radio-inline">
                    <input type="radio" name="kemu" id="kemu4" value="kemu4">三级费用科目
                  </label>
              </div>
            </td>
        </tr>
          <tr>
            <td style="min-width: 120px;width: 120px"><label for="" class="form-label">财年维度</label></td>
            <td>
              <div class="form-group">
                  <label class="radio-inline">
                    <input type="radio" name="cainian" checked id="cainian1" value="cainian1">按财年统计
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="cainian" id="cainian2" value="cainian2">按一级考核期统计
                  </label>
                    <label class="radio-inline">
                    <input type="radio" name="cainian" id="cainian3" value="cainian3">按二级考核期统计
                  </label>
              </div>
              <div style="padding: 2px;">
                财年：<select name="" id="" class="form-control">
                          <option value="0">2017</option>
                          <option value="1">2016</option>
                      </select>
              </div>
            </td>
        </tr>
         <tr>
            <td style="min-width: 120px;width: 120px"><label for="" class="form-label">查询类型</label></td>
            <td>
              <div class="form-group">
                  <label class="radio-inline">
                    <input type="radio" name="searchKind" checked id="searchKind1" value="searchKind2">按最新架构查询
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="searchKind" id="searchKind2" value="searchKind3">按申请时的历史记录查询
                  </label>
              </div>
            </td>
        </tr>
      <tr>
       <td colspan="2" class="text-center">
           <button class="btn btn-info query" >查询</button>
           <button class="btn btn-info emptyIf" type="button">清空查询条件</button>
           <button class="btn btn-info LendExcel" type="button">导出Excel</button>
            </td>
          </tr>
      </table>
    <p class="text-right">单位：人民币元</p>
      <table class="table row-margin-top table-bordered text-center bud_hei">
                 <tr class="info">
                        <th class="text-center">序号</th>
                        <th class="text-center">预算金额</th>
                        <th class="text-center">已批复金额</th>
                        <th class="text-center">未使用金额</th>
                        <th class="text-center">申请中金额</th>
                        <th class="text-center">统计日期</th>
                        <th class="text-center">红绿灯</th>
                    </tr>
                    <tbody>
                      <tr>
                        <td>1</td>
                        <td class="ObjectNum text-right">17856000</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">17856000</td>
                        <td class="ObjectNum text-right">0</td>
                        <td>2017-01-01至2017-12-31</td>
                        <td><div class="Greenlay">绿灯</div></td>
                      </tr>
                    </tbody>
                    <tfoot>
                      <tr class="trTotal">
                        <td>合计:</td>
                        <td class="ObjectNum text-right">17856000</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">17856000</td>
                        <td class="ObjectNum text-right">0</td>
                        <td></td>
                        <td><div class="Greenlay">绿灯</div></td>
                      </tr>
                    </tfoot>
              </table>
           <h5 class="text-center">
            总共有1条记录，第1/4页，当前页：<input id="page" type="text" style="width: 70px;" value="" class="form-control" /><span id="gopage">GO</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp; 每页显示
            <select id="pagesize" style="width: 70px" class="form-control">
            <option value='5'>5</option>
            <option value='10'>10</option>
          </select>条
        </h5>

     <div class="padding-10 colorRed">
      <p>说明：</p>
      <p class="padding-10">1.红灯表示已批复金额大于预算金额;绿灯表示未使用金额大于等于申请中金额;黄灯表示未使用金额小于申请中金额。</p>
      <p>2.已批复金额和申请中金额的金额按活动时间分摊到每一天。</p>
      <p class="padding-10">3.已核销金额计入活动开始时间。</p>
      <p>4.“查询类型”只针对客户维度与产品维度。</p>
     </div>
</form>
    </div>
    <!-- 全局js -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script src="../js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!--统计代码，可删除-->
    <script src="../js/plugins/layer/laydate/laydate.js"></script>
    <script src="../js/common.js"></script>
    <script>
   
        $(document).ready(function(){
          var $ObjectNum =$(".ObjectNum");
             toNum($ObjectNum);
        })
    </script>
</body>

</html>
